<template>
  <div class="ticketmid">
    <div class="one" v-for="(item,i) of ticket1" :key="i" @click="order(item.address)">
      <div class="oneleft">
        <div class="lvcheng">{{item.tlable}}</div>
        <div class="jipiao">
          <span class="text1">特价</span><span class="text2">{{item.price}}起</span>
        </div>
      </div>
    </div>
  </div>

</template>

<script>
export default {
    name:"ticketmid",
    data(){
      return{
        ticket1:[]
      }
    },
    methods:{
      order(address){
        this.$router.push({path:'/ticketdetail',query:{address:address}})
      }
    },
    mounted(){
      this.$http.post("/trickHomeRecom",{address:"西安"}).then(result=>{
          // console.log(result.data.data)
          this.ticket1=result.data.data
      })
    }
}
</script>

<style lang="scss" scoped>
.ticketmid{
    background-color: white;
    width: 96vw;
    margin: 0 auto;
    border-radius: 2vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: baseline;
    .one{
      width: 50%;
      margin-bottom: 2vw;
      overflow: hidden;
      .oneleft{
        width: 40.5vw;
        height: 15vw;
        background-color: rgb(240, 240, 240);
        margin-left: 4vw;
        border-radius: 1vw;
        overflow: hidden;
        box-sizing: border-box;
        margin-top: 2vw;
        .lvcheng{
          margin-top: 1vw;
          font-size: 16px;
          font-weight: 600;
          margin-bottom: 2vw;
          margin-left: 2vw;
        }
        .jipiao{
          .text1{
            font-size: 10px;
            color: red !important;
            background-color: rgb(190, 158, 158);
            margin-left: 2vw;
            font-weight: 600;
          }
          .text2{
            font-size: 13px;
            margin-left: 18vw;
            color: red;
            font-weight: 600;
          }
        }
      }
    }
}
</style>